/*
 * @Date: 2023-03-09 17:30:28
 * @LastEditors: mengqingchen mengqc1995@163.com
 * @LastEditTime: 2023-03-09 17:40:54
 * @FilePath: \vite-vue3-ts\src\main.ts
 */
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from './router'
import Antd from 'ant-design-vue'

import 'animate.css'
// 这块一定要加,否者会有部分动画无法执行
import 'animate.css/animate.compat.css'

import 'aos/dist/aos.css'

import '@/utils/rem'

import AOS from 'aos'
AOS.init({
  // Global settings:
  disable: false, //接受以下值：'phone'、'tablet”、'mobile”、布尔值、表达式或函数
  startEvent: 'DOMContentLoaded', //文档上分派的AOS应初始化的事件的名称
  initClassName: 'aos-init', //初始化后应用的类
  animatedClassName: 'aos-animate', //应用于动画的类
  useClassNames: true, //如果为true,则将'data-aos'的内容作为滚动类添加
  disableMutationObserver: false, //禁用自动突变检测（高级）
  debouckDelay: 50, //调整窗口大小时使用的反跳延迟（高级）
  throttleDelay: 99, //滚动页面时使用的限制延迟（高级）

  // 可以通过“data aos-*”属性按元素覆盖的设置：
  offset: 50, // 原始触发点的偏移量（像素）
  delay: 0, // 值从0到3000，步长为50ms
  duration: 1000, // 值从0到3000，步长为50ms
  easing: 'ease', //AOS动画的默认ease
  once: true, // 动画是否应该只发生一次-同时向下滚动
  mirror: true, // 滚动元素时元素是否应显示动画
  anchorPlacement: 'top-bottom' // 定义元素相对于窗口的哪个位置应触发动画
})


const app = createApp(App)

app.use(router)
app.use(Antd)

app.mount('#app')
